<template>
  <div id="Step1">
    <van-cell-group>
      <van-cell @click="showPop=true" :value="chooseType" title="账号角色" is-link/>
      <van-field
        label="登录账号"
        placeholder="请输入"
      />
      <van-field
        label="账号密码"
        placeholder="请输入"
      />
      <van-field
        label="密码确认"
        placeholder="请输入"
      />
      <van-field
        label="绑定手机号"
        placeholder="请输入"
        use-button-slot>
        <van-button slot="button" size="small" type="primary">发送验证码</van-button>
      </van-field>
      <van-field
        label="验证码"
        placeholder="请输入"
      />
    </van-cell-group>
    <van-popup :show="showPop" position="bottom"
               @close="showPop=false">
      <van-picker :columns="columns" @change="onChange"/>
    </van-popup>
  </div>
</template>
<script>
  export default {
    name: "Step1",
    data() {
      return {
        showPop: false,
        columns: ["系统管理员", "系统用户"]
      }
    },
    methods: {},
    computed: {},
    created() {
    }
  }
</script>
<style scoped lang="scss">
  #Step1 {
  }
</style>
